

<!DOCTYPE html><html><head><meta charset="utf-8"><link rel="Shortcut Icon" href="http://htmljs.b0.upaiyun.com//images/logo.ico?123"><link href="http://htmljs.b0.upaiyun.com//images/logo.ico?123" rel="shortcut icon" type="image/x-icon"><meta name="viewport" content="width=device-width, initial-scale=1"/>
<link href="http://htmljs.b0.upaiyun.com//images/icon.png" rel="apple-touch-icon"/>
<meta name="keywords" content="前端, 前端开发, web前端, web前端开发, 前端开发工程师, 前端开发攻城师,设计, 开发, 前端资源, CSS, JavaScript, Ajax, jQuery, html,html5,css3,浏览器兼容, 前端开发工具, 前端招聘, jQuery API, CSS整形和优化工具 , JS压缩工具 , JS格式化工具 , CSS参考手册 ,HTML参考手册 , 多重搜索 , nodejs , node , boostrap , sublime"/>
<script>if($.browser.msie){alert("请不要使用ie浏览本站！本站不支持ie10以下浏览器。")}</script><title>乱炖周刊第一期 - 前端乱炖情人节巨献 </title><meta name="description" content="前端乱炖每周会为您推送本站精选的新鲜速递。"></head><body >
<style>
img{
  max-width:100%;
}
p{
	margin:10px 0;
	}
	html,body{margin:0;}
	@media screen and (min-width:100px) and (max-width:600px){
		table{
			width:100% !important;
			}
			.wrapper{width:100% !important}
      #googlead{display: none !important;}
		}
</style>
<div style="height:30px;background:#ac4644;color:#fff;line-height:30px;">
  <div style="width: 600px;margin:0 auto;">
<a href="http://www.html-js.com" style="padding:0 5px;color:#fff;">前端乱炖官网</a>
<a href="http://www.html-js.com/static/htmljs-weekly-2.html" style="padding:0 5px;color:#fff;">下一期</a>
</a>
</div>
<div id="newsletter" style="margin:0;padding:0;background:#efefef; color: #333333; font: 13px/20px 'Helvetica Neue',Helvetica,Arial,Sans-serif;font-family:'Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif!important;">
<div class="wrapper" style="margin: 0px auto 0; width: 600px; padding-top:16px; padding-bottom:10px;">
    <div class="header clearfix" style="text-align:center;font-size:30px;color:#5bb793;">乱炖周刊 第一期</div>
    <br style="clear:both; height:0">
    
<div style="background: none repeat scroll 0 0 #FFFFFF; padding: 10px;">
      
      <div style="padding:0;">
        <p style="font-size:13px;">大家好，从本周起，前端乱炖每周会为您推送本站精选的新鲜速递。 </p>
 <p style="font-size:13px;">因为这是本刊第一期，所以会占用一些篇幅介绍一下 前端乱炖（www.html-js.com），也就是我们的官方网站，相信您已经来过我们网站，但是半年来，我们网站一直在改进和优化，现在我们的内容和功能都趋于完善，希望大家能够多来了解一下我们这个平台，利用好这个平台。 </p>

 <p style="font-size:14px;margin-top:20px;color:#5bb793">订阅 乱炖周刊：</p>
 <p style="font-size:13px;"><input type="text" id="email" name="email" placeholder="输入常用邮箱地址"/><button id="submit" type="button">订阅</button></p>
      </div>

  </div>
    <div style="line-height:40px;line-height:40px;text-align:left;background:#5bb793;color:#fff;font-size:16px;padding-left:10px;"> 关于 前端乱炖 </div>
    <div style="background: none repeat scroll 0 0 #FFFFFF;  margin: 0px 0 0; padding: 10px;">
      
      <div style="padding: 0;">
        <p style="font-size:13px;">目前本站分为三个大的主功能区块：专栏，问答，话题。<br />
          <br />
其中，<strong style="color:#5bb793">专栏</strong> 是一个高质量原创文章的集合栏目，对于创作共享高质量内容的作者来说，这里是一个很好的展示平台，因为我们会花费很大力气鼓励原创文章，你的文章会让无数前端同行收益，也会被无数同行所关注。而对于寻找高质量内容的阅读者来说，这里的文章质量高，系列化，涉及方方面面，一字一句皆是作者的辛勤汗水，希望大家能在这里学习到知识。<br />
<br />
<strong style="color:#5bb793">问答</strong> 栏目是一个非常实用的提出问题和解决问题的形式。在这里提问，您的问题会得到及时回答，并且任何动态都会及时邮件通知您。而且设有专家系统，你的提问会直接被发送给专家，从而得到及时的回复。<br />
<br />
<strong style="color:#5bb793">话题</strong> 栏目是一个自由度比较高的栏目，可以灌水，也可以讨论行业技术，是个微型的论坛。大家有牢骚或者其他问题可以来吐槽发表意见。同时这里目前也兼任一些招聘外包等相关的栏目功能，后续这些功能会做专门的栏目出来。<br />
<br />
网站其实还有很多不常用功能，例如接近一千个前端行业花名册，线下活动系统，常用工具，在线聊天。欢迎大家去探索。 </p>
        <p style="font-size:13px;">网站地址：<a href="http://www.html-js.com">http://www.html-js.com</a></p>
      </div>
  </div>
<div style="line-height:40px;line-height:40px;text-align:left;background:#5bb793;color:#fff;font-size:16px;padding-left:10px;">站内 - 一周精彩专栏&amp;&amp;原创文章。 </div>
<div style="background: none repeat scroll 0 0 #FFFFFF;  margin: 0px 0 0; padding: 10px;font-size:13px;">
      
    <div style="padding: 0;">
        <table width="580" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="587" bgcolor="#efefef" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【专栏】 <a href="http://www.html-js.com/article/column/43">每天学点CSS</a> 共 <span style="color:#ff0000">8</span> 篇文章，最后更新 <span style="color:#666">本周四</span>。write by <a href="http://www.html-js.com/user/675">Button</a><br /></td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:12px;line-height:20px;color:#999;padding: 0px 0 10px 10px;">本专栏从CSS的基础问题入手，一篇一篇讲解一些常见问题，由浅入深，循序渐进，初学者必看。 </td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【专栏】 <a href="http://www.html-js.com/article/column/98">My Code Wars 我的代码战争 </a> 共 <span style="color:#ff0000">16</span> 篇文章，最后更新 <span style="color:#666">本周四</span>。write by <a href="http://www.html-js.com/user/522">Bolt_白衣苍狗</a><br /></td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:12px;line-height:20px;color:#999;padding: 0px 0 10px 10px;">这是一个非常有特色和值得一读的专栏，作者用一些小故事和每天一个程序来展示自己的修炼之路，有点修仙的味道啊。主要讲解了一些JS方面的细节的用法和技巧，但是作者的讲解形式真心引人入胜，推荐一看。 </td>
          </tr>
           <tr>
            <td bgcolor="#efefef" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【专栏】 <a href="http://www.html-js.com/article/column/99">Vue.js 中文入门</a> 共 <span style="color:#ff0000">5</span> 篇文章，最后更新 <span style="color:#666">本周四</span>。write by <a href="http://www.html-js.com/card/817">尤小右 </a><br /></td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:12px;line-height:20px;color:#999;padding: 0px 0 10px 10px;">Vue.js 是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API，让编写动态的UI界面变得轻松简单。本专栏是Vue.js的中文版入门教程。 </td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【专栏】 <a href="http://www.html-js.com/article/column/101">RiverJS 中文介绍</a> 共 <span style="color:#ff0000">4</span> 篇文章，最后更新 <span style="color:#666">本周四</span>。write by <a href="http://www.html-js.com/user/1362">猎人豆豆 </a><br /></td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:12px;line-height:20px;color:#999;padding: 0px 0 10px 10px;">RiverJS 是一个可扩展的小型双向绑定框架，提供类CMD的模块封装,本专栏是RiverJS的 中文介绍。<br />
欢迎你也来 乱炖专栏 投稿，您的文章会让更多人收益，留人玫瑰，手留余香。 </td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【专栏】<a href="http://www.html-js.com/article/column/100">手把手编写前端框架</a>  共 <span style="color:#ff0000">4</span> 篇文章，最后更新 <span style="color:#666">本周四</span>。write by <a href="http://www.html-js.com/user/928">tj吴迪疯狂写单元测试 </a><br /></td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:12px;line-height:20px;color:#999;padding: 0px 0 10px 10px;">《手把手编写前端框架》是一个全新的JavaScript技术文章系列，将固定在简书网以及@Web开发-吴迪 的微博发布。 它将会带领你们领略一个前端JavaScript框架的内部结构，并且在这过程中<strong>手把手</strong>地告诉你如何做一个自己的JavaScript类库！当然，这并不能让你做出下一个jQuery，它只是一个练习。 </td>
          </tr>
        
        </table>
         <table width="580" border="0" cellspacing="0" cellpadding="0" style="margin-top:10px;">
          <tr>
            <td width="587" bgcolor="#efefef" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【文章】<a href="http://www.html-js.com/article/Where-is-Bug-The-second-set-IE-shrinkwrap-Bug">第二集：IE shrink-wrap 相关 Bug </a><br /></td>
          </tr>
          <tr>
            <td width="587" bgcolor="#efefef" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【文章】<a href="http://www.html-js.com/article/Nodejs-non-normal-laboratory-Lets-start-Cocos2dhtml5-1-Hello-World">Let's start Cocos2d-html5 1 : Hello World! </a><br /></td>
          </tr>
         <tr>
            <td width="587" bgcolor="#efefef" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【文章】<a href="http://www.html-js.com/article/Learn-JavaScript-object-every-secret">$对象大揭秘 </a><br /></td>
          </tr>
           <tr>
            <td width="587" bgcolor="#efefef" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【文章】<a href="http://www.html-js.com/article/1752">Koa, co and coruntine </a><br /></td>
          </tr>
           <tr>
            <td width="587" bgcolor="#efefef" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【文章】<a href="http://www.html-js.com/article/The-sea-JamiE-column-by-deploying-a-static-Git-site-summary">通过Git简易的部署静态站点 </a><br /></td>
          </tr>
        </table>
        <p style="font-size:13px;">前端乱炖专栏期待您的加入，<a href="http://www.html-js.com/article/column/add">点击这里</a>立即创建您的专栏并开始发表原创文章：</p>
</div>
</div>
<div style="line-height:40px;line-height:40px;text-align:left;background:#5bb793;color:#fff;font-size:16px;padding-left:10px;">站内 - 精彩话题 </div>
  <table width="600" border="0" cellspacing="0" cellpadding="0" style="padding:10px 0;background:#fff;">
          <tr>
            <td bgcolor="#fff" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【招聘】<a href="http://www.html-js.com/topic/188">大搜车继续招聘：全栈工程师，NodeJS方向。 </a></td>
          </tr>
          <tr>
            <td width="598" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【招聘】<a href="http://www.html-js.com/topic/189" title="淘宝招聘前端开发工程师" rel="bookmark">淘宝招聘前端开发工程师</a>            <a href="http://www.html-js.com/article/Nodejs-non-normal-laboratory-Lets-start-Cocos2dhtml5-1-Hello-World"></a><br /></td>
          </tr>
         <tr>
            <td width="598" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【招聘】<a href="http://www.html-js.com/topic/187" title="汽车之家招聘前端工程师！[纽交所刚刚上市]" rel="bookmark">汽车之家招聘前端工程师！[纽交所刚刚上市]</a>           <a href="http://www.html-js.com/article/Learn-JavaScript-object-every-secret"></a><br /></td>
      </tr>
           <tr>
            <td width="598" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【招聘】<a href="http://www.html-js.com/topic/161" title="互联网一线公司招 前端开发经理--北京" rel="bookmark">互联网一线公司招 前端开发经理--北京</a>             <a href="http://www.html-js.com/article/1752"></a><br /></td>
          </tr>
           <tr>
            <td width="598" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【技术】<a href="http://www.html-js.com/topic/173" title="PK话题，用coffee还是js？" rel="bookmark">PK话题，用coffee还是js？</a>             <a href="http://www.html-js.com/article/The-sea-JamiE-column-by-deploying-a-static-Git-site-summary"></a><br /></td>
          </tr>
           <tr>
            <td width="598" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【技术】<a href="http://www.html-js.com/topic/166" title="关于全栈 工程师，我也扯扯皮" rel="bookmark">关于全栈 工程师，我也扯扯皮</a> <br /></td>
          </tr>
           <tr>
            <td width="598" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【技术】<a href="http://www.html-js.com/topic/177" title="前端模块化的简单实现" rel="bookmark">前端模块化的简单实现</a>             <a href="http://www.html-js.com/topic/173" title="PK话题，用coffee还是js？" rel="bookmark"></a>             <a href="http://www.html-js.com/article/The-sea-JamiE-column-by-deploying-a-static-Git-site-summary"></a><br /></td>
          </tr>
  </table>
    <div style="line-height:40px;line-height:40px;text-align:left;background:#5bb793;color:#fff;font-size:16px;padding-left:10px;">站内 - 问答 </div>
  <table width="600" border="0" cellspacing="0" cellpadding="0" style="padding:10px 0;background:#fff;">
          <tr>
            <td bgcolor="" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【Javascript】<a href="http://www.html-js.com/qa/There-is-a-string-how-to-generate-an-array-the-length-is-6-including-all-unique-combinations" title="有一个字符串，如何生成一个数组，长度为6，包含所有不重复的组合。" rel="bookmark">有一个字符串，如何生成一个数组，长度为6，包含所有不重复的组合。</a>            <a href="http://www.html-js.com/topic/188"></a></td>
          </tr>
          <tr>
            <td width="587" bgcolor="" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【移动开发】<a href="http://www.html-js.com/qa/The-WAP-page-is-click-the-background-how-to-cancel" title="WAP 页面被点击对象 的背景如何取消" rel="bookmark">WAP 页面被点击对象 的背景如何取消</a> <br /></td>
          </tr>
         <tr>
            <td width="587" bgcolor="" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【Javascript】<a href="http://www.html-js.com/qa/Please-advice" title="请指教 对象引用问题" rel="bookmark">请指教 对象引用问题</a> <br /></td>
      </tr>
           <tr>
            <td width="587" bgcolor="" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【开发工具】<a href="http://www.html-js.com/qa/Git-how-to-directly-pull-code-directly-cover-do-not-merge" title="Git中如何直接拉取代码直接覆盖不做合并？" rel="bookmark">Git中如何直接拉取代码直接覆盖不做合并？</a> <br /></td>
          </tr>
           <tr>
            <td width="587" bgcolor="" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【Javascript】<a href="http://www.html-js.com/qa/The-two-section-of-code-execution-result-why-the-difference" title="这两段代码执行结果为什么不同？" rel="bookmark">这两段代码执行结果为什么不同？</a> <br /></td>
          </tr>
           <tr>
            <td width="587" bgcolor="" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【CSS】<a href="http://www.html-js.com/qa/Div-is-set-to-relative-how-to-quilt-elements-are-automatically-opened" title="div 设置为relative , 如何才能被子元素自动撑开？" rel="bookmark">div 设置为relative , 如何才能被子元素自动撑开？</a>             <a href="http://www.html-js.com/topic/166" title="关于全栈 工程师，我也扯扯皮" rel="bookmark"></a> <br /></td>
          </tr>
           <tr>
            <td width="587" bgcolor="" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【NodeJS】<a href="http://www.html-js.com/qa/Nodejs-push-messages-why-only-the-sender-does-not-receive" title="nodejs的消息推送为啥只有发送方收不到" rel="bookmark">nodejs的消息推送为啥只有发送方收不到</a> <br /></td>
          </tr>
          <tr>
            <td width="587" bgcolor="" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【NodeJS】<a href="http://www.html-js.com/qa/How-to-obtain-the-cookie-SocketIO" title="Socket.IO 中如何获取cookie？" rel="bookmark">Socket.IO 中如何获取cookie？</a> <br /></td>
          </tr>
           <tr>
            <td width="587" style="padding-left:0px;font-size:13px;line-height:30px;color:#333;">【Javascript】<a href="http://www.html-js.com/qa/How-to-let-Javascript-answer-equation-or-equations" title="如何让Javascript解方程或方程组" rel="bookmark">如何让Javascript解方程或方程组</a>             <a href="http://www.html-js.com/qa/Nodejs-push-messages-why-only-the-sender-does-not-receive" title="nodejs的消息推送为啥只有发送方收不到" rel="bookmark"></a> <br /></td>
          </tr>
  </table>
    <p style="font-size:13px;background:#fff;margin:0;padding:10px;">有问题来前端乱炖提问，<a href="http://www.html-js.com/qa">点击这里</a>我也去提问。</p>
    <div style="line-height:40px;line-height:40px;text-align:left;background:#5bb793;color:#fff;font-size:16px;padding-left:10px;">行业文章推荐 </div>
<div style="background: none repeat scroll 0 0 #FFFFFF;  margin: 0px 0 0; padding: 10px;font-size:13px;">
      
    <div style="padding: 0;">
        <table width="580" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="587" bgcolor="#efefef" style="padding-left:10px;font-size:13px;line-height:30px;color:#333;"> <a href="http://www.quirksmode.org/css/">跨浏览器兼容性的Cheatsheet: CSS QuirksMode</a><a href="http://www.html-js.com/user/675"></a><br /></td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:12px;line-height:20px;color:#999;padding: 0px 0 10px 10px;">比CanIUse还懂CSS（含CSS3）跨浏览器兼容性的Cheatsheet: CSS QuirksMode。准确给出了通过实际编写测试获得的各浏览器CSS兼容性情况。了解一下，知道有这个工具即可。实际应用中，我还是倾向于直接使用现有的成熟框架。</td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:13px;line-height:30px;color:#333;"><a href="https://github.com/RazrFalcon/SVGCleaner">清除SVG文件中的冗余信息</a><br /></td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:12px;line-height:20px;color:#999;padding: 0px 0 10px 10px;">【RazrFalcon/SVGCleaner】清除SVG文件中的冗余信息。</td>
          </tr>
           <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:13px;line-height:30px;color:#333;"><a href="http://www.ejeliot.com/blog/59">Methods for Containing Floats</a><br /></td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:12px;line-height:20px;color:#999;padding: 0px 0 10px 10px;">讲述如何通过纯CSS将浮动元素装入容器。</td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:13px;line-height:30px;color:#333;"><a href="http://blog.codeship.io/2014/02/06/frontend-javascript-code-coverage.html">Get your Frontend JavaScript Code Covered</a><br /></td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:12px;line-height:20px;color:#999;padding: 0px 0 10px 10px;">Code Coverage告诉你你的测试程序运行的代码行数占整个项目代码行数的占比，从而给出一个参考值，表示测试的完备指数。</td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:13px;line-height:30px;color:#333;"><a href="https://github.com/tjwudi/mscb-stack-demo">使用mocha-sinon-chai-blanket.进行前端测试</a></td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:12px;line-height:20px;color:#999;padding: 0px 0 10px 10px;">基于之前发布的两篇介绍前端测试的文章，即利用mocha-sinon-chai-blanket进行前端测试，我编写了这个demo，覆盖了两篇文章的所有内容，并且再次给出文章地址，供没阅读到的朋友阅读</td>
          </tr>
        <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:13px;line-height:30px;color:#333;"><a href="http://t.cn/8FicLc6?u=1789785977&amp;m=3676888511567275&amp;cu=1734409185&amp;ru=1789785977&amp;rm=3676165360270094">JavaScript 37道选择题</a></td>
          </tr>
          <tr>
            <td bgcolor="#efefef" style="padding-left:10px;font-size:12px;line-height:20px;color:#999;padding: 0px 0 10px 10px;">【JavaScript 37道选择题】前五道做错两道以上就自觉转吧……</td>
          </tr>
        </table>
    </div>
    <div style="margin:20px;">
      分享到微信朋友圈：(用微信扫描)<br/>
      <img width="100" src="http://htmljs.b0.upaiyun.com/uploads/1392308845603-0026467103.png"/>
    </div>
    <div style="margin:20px;">
      分享到微博：<a href="http://service.weibo.com/share/share.php?appkey=659341943&url=http://www.html-js.com/static/htmljs-weekly-1.html&pic=http://htmljs.b0.upaiyun.com/uploads/1392309203611-Snip20140214_11.png&title=乱炖周刊第一期新鲜出炉，推荐订阅，戳右边查看本期在线版。" target="_blank">点击这里</a>
    </div>
    
<div style="background: none repeat scroll 0 0 #FFFFFF;  margin: 0px 0 0; padding: 20px;">
  <p style="border-top:1px solid #ddd;font-size:12px;padding-top:10px;color:#999;"><a href="http://www.html-js.com">@前端乱炖 </a> 是一个功能丰富的提供高质量内容的技术社区</p>
<p style="border-top:1px solid #ddd;font-size:12px;padding-top:5px;color:#999;">为了确保您能收到及时的通知，请将 postmaster@htmljs.sendcloud.org 添加为联系人。</p>
</div>
    
  </div>
</div>
<script src="http://htmljs.b0.upaiyun.com//js/jquery.js"/></script>
<script>
$("#submit").on("click",function(){
	$.ajax({
		url:"/rss/email",
    type:"post",
    data:{email:$("#email").val()},
    dataType:"json",
    success:function(data){
      if(data.success){
        alert("订阅成功")
        $("#email").val("")
      }else{
        alert(data.info)
      }
    }
		});
	});
</script>

<style>#googlead{position:fixed;bottom:-250px;right:0px;}
</style><div id="googlead" class="hidden"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 弹出广告 -->
<ins class="adsbygoogle"
   style="display:inline-block;width:250px;height:250px"
   data-ad-client="ca-pub-8166279959459646"
   data-ad-slot="1929456950"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div><script>setTimeout(function(){
  $("#googlead").removeClass("hidden").animate({bottom:0})
},3000)</script>
</body>
</html>